<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>互联网诈骗防范与拦截概况</title>
		<link rel="stylesheet" type="text/css" href="css/main.css"/>
		<script src="3rd/jquery-3.2.1.min.js"></script>
		<!--<script src="3rd/jquery.nicescroll.js"></script>-->
		<script src="3rd/jquery.backstretch.min.js"></script>
	</head>
	<body style="background: #000026;"> 
		<img src="img/bg.jpg" alt="" />
		<div class="start_page pt-page" style="visibility: hidden;">
		    <img src="img/3.jpg" style="z-index: -1;width: 100%;height: 100%;position: absolute"/>
		</div>
		<div class="container" id="page1st">
			<div class="header">
				<div class="logo">域名资源视图</div>
				<a href="page3rd.html" class="pre_btn"></a>		
			</div>
			<div class="content">
				<div class="top_tip">说明文字:注册域名机构域名说明文字</div>
				<div class="content_bottom">
					<div class="c_left">
						<div>
							<h1>注册管理机构</h1>
							<div><span>26</span>个</div>
						</div>
						<div>
							<h1>注册服务机构数</h1>
							<div><span>26</span>个</div>
						</div>
						<div>
							<h1>权威解析机构数</h1>
							<div><span>26</span>个</div>
						</div>
						<div>
							<h1>递归解析机构数</h1>
							<div><span>26</span>个</div>
						</div>
					</div>
					<div class="c_middle">
						<ul class="ec_tab">
							<li class="active">注册管理机构</li>
							<li>注册服务机构数</li>
							<li>权威解析机构数</li>
							<li>递归解析机构数</li>
						</ul>
						<div class="ec_map" id="ec_map"></div>
					</div>
					<div class="c_right">
						<div class="enterprise_rank">
							<h2>域名企业类型</h2>
							<div class="ec_pie" id="ec_pie"></div>
						</div>
						<div class="resource_rank">
							<h2>域名资源排名</h2>
							<div class="ec_bar" id="ec_bar"></div>
						</div>
					</div>
				</div>
			</div>
			<div class="foot">
				<a href="page2nd.html" class="next_btn"></a>
			</div>
		</div>
		<script src="js/calculate.js"></script>
		<!--<script src="js/flip.js"></script>-->
		<script>
			calculate();
			window.onresize=function(){
				calculate();
			}
		</script>
		<script>
			var color=['#df0a00','#e8a00c','#00d140'];
			var swindleContent=$(".swindle_content li");
			for(var i=0;i<swindleContent.length;i++){
				$(".swindle_content").find(".rank").eq(i).html(i+1);
				$(".swindle_content").find(".rank").eq(i).css({
					color:color[i]
				})
			}
		</script>
		<script src="./echarts/echarts.min.js"></script>
		<script src="echarts/china.js"></script>
		<script src="./js/page1st.js"></script>
		<script>
			$(".ec_tab li").click(function(){
				$(this).addClass("active").siblings().removeClass("active")
			})
		</script>
	</body>
</html>
